// :global {
//   .page-container {
//     display: flex;
//     flex-flow: column;
//     flex-grow: 1;
//     overflow-y: auto;
//     // position: absolute;
//     // width: 100%;
//     // height: 100%;
//   }

//   .page-head {
//     display: flex;
//     height: 48px;
//     min-height: 48px;
//     line-height: 47px;
//     border-bottom: 1px solid #e8e8e8;
//     background-color: #fff;
//     align-items: center;

//     .back-btn {
//       cursor: pointer;
//       color: #3f51b5;
//       font-size: 22px;
//       margin: 0 -12px 0 24px;
//       vertical-align: middle;
//       &:hover {
//         background-color: #f0f2f5;
//       }
//     }

//     &-title {
//       padding-left: 24px;
//       color: #000;
//       font-size: 16px;
//       line-height: 48px;
//       margin-right: 24px;
//     }

//     .ant-btn:not(.back-btn) {
//       &[disabled] {
//         color: rgba(0, 0, 0, 0.26);
//       }
//       & + .ant-btn {
//         margin-left: 12px;
//       }
//     }
//   }

//   .page-content {
//     flex-grow: 1;
//     overflow: auto;
//     background-color: #fff;
//     margin: 0 !important;
//     padding: 20px 24px;
//   }

//   .page-content-header {
//     display: block;
//     .title {
//       font-size: 20px;
//       font-weight: 500;
//       line-height: 28px;
//       margin-bottom: 10px;
//     }
//     .description {
//       font-size: 13px;
//       line-height: 20px;
//       margin-bottom: 24px;
//       max-width: 512px;
//       span,
//       a {
//         color: #3f51b5;
//         cursor: pointer;
//       }
//       a {
//         text-decoration: underline;
//       }
//       .icon {
//         font-size: inherit;
//       }
//     }
//   }
// }
